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مبادى النصمبه المممممثغ 


:هو علاقة بين عناصر التصميم تضيف معنى عن طريق ابراز اختلاق بين 
عنصرين أو أكثر 
اللستخدم النباين 
- شد انتباه المتلقي لأحد العناصر دون الآخر. من أجل لفت النظر 
التنبيه لأمر مهم 
- وصف العنصر لنفسه 
-اضافة ديناميكة للنصميم 
التباين يكون في اختلاف : 
-الحجمع ©0© © -الشكل © © © 


© ©  نوللا‎ 





- المحاذاة ©ي © 
- الخطوط 6 م ع 





0 إيتم شد الانتباه لأحد العناصر عن طريق العناصر الأخرى 

© © 9© :©: المرتبطة به لذلك هو علاقة بين العناصر 
60 "” الدائرتان في المنتصف لهما نفس الحجم تماماء ولكن 
بسبب اختلاف أحجام الدوائر المحيطة بهما نرى أن الدائرة 
التي في اليمين أصغر من اليسار رغم أحجامهم المتساوية 


© وسيلة لوصف العنصر لنفسه. وذلك عن طريق العناصر 
المجاورة له لذلك يكون التباين بين عنصرين على الأقل 
الدائرة التى على اليمين هى محرد دائرة أما الدائرة التى على 
اليسار قادرة على وصف نفسها كدائرة كبيرة وذلك لوجود 
دائرة أصغر بجوارها 








لاس ل؟آ؟آ؟آ ا 


مبادوءالنتصميهم) 


ا[مثال| 
4 


0 
لباين 


- نلاحظ أن في الشكل الأيمن لون الخلفية و لون الكلمة متقارب جدا مما يسبب 
تشوش لدى المتلقي و عدم وصوح 
بخلاف النموذج الايسر فبين اللون الابيض و الانسود نباين قوي و واضح 


'مثال) 
ل و سسا دموة مورب 00 


١‏ - ل 
سر سن وروي و سب ا 


- على اليمين نجد أنه تم استخدام لون و نوع وحجم خط واحد في كل الجمل وذلك 
يسبب عدم وصضوح لدى المتلقي بخلاق النموذج الايسر يوجد اختلاق في نوع ولون 
وحجم الخط وذلك يسبب تباين و بالتالي وضوح و لفت النظر للأشياء المهمة في 


النتصميم) 
[مثتالس 
كم 0 سما 


- على اليمين نجد أنه تم استخدام نوع وحجم خط واحد في كافة العناوين و 
المحتوى وذلك بسبب عدم وصضوح في الفقرات 
بخلاف النموذج في الأسفل فبسبب اختلاف حجم و خط و محاذاة العنوان الرئيسي 
و العناوين الفرعية سيسهل على المتلقي نوجيه العين للمكان الصحيح 


سس بس ا 





الأكثر أهمية إلى الأقل عن طريق التباين 


. مساعدة المتلقى على اصطياد المعلومات بسهولة 
-تحديد اين ترى العين أولا ثم ثانية وهكذا: أى خطوات للمتلقي يتبعها اثناء 
النصميم 


الهعرمية تنفذ عن طريق: 
-الححم “الشكل التباين -اللونب -العمق -المحاذاة -المسافة 


إلتحرك العين من العناصر 
الأكثر ثقلا إلى الرماديات “الكبيزرة إلى الصغيرة “المتحركة إلى الساكنة 
- الملونة إلى الغير ملونة -“الغير معتادة إلى المألوفة 


إإنلاحظ أن العناصر ذات التباين الأعلى تلاحظ أولا ولذلك 
العين توجهت في الشكل الأيمن إلى الدائرة الكبرى في 
المنتصف اولا وهذا مثال على الهرمية فى الحجم أما فى 
الشكل الأيسر توجهت العين إلى الدائرة الأصغر أولا 2 
وذلك لأن لونها أغمق وهذا مثال على الهرمية في اللون 


[العين توجهت فى الشكل الأيمن من الأعلى أولا إلى 
الأسفلء من الأكبر إلى الأصغر وهذا مثال على الهرمية 
في الحجم أما في الشكل الأيسر توجهت العين من 
الأسفل أولا إلى الأعلى. من الأغمق إلى الأفتح وهذا مثال 
على الهرمية في اللون 


١0 22 
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'مثال!| 


4 سما 
ثم تقرأ هذاثانيا 
ثم تقرأ هذا ثانيا و 


أنت تقرأ هذا أولا أنت تقرأ هذا أولا 


- على اليمين نجد أن العين تتجه مباشرة إلى العبارة الأولى ثم الثانية, بخلاف رغبة 
المصممم 
بخلاف النموذج الأينسر فالعين تتجه مباشرة نحو العبارة الأكبر أولا ثم الأصغر 


:مثال) 


4 5 


وفر أموانك لذن [ 
ا وفر أموالك 2 . 


تو جك الك سسود وا عملم أل ولد مطحي ساو 1ع نا إصمة ربد بكي ا كسيد "مها يط "و سوا وقاتر ب سد الس “نوة اسيااسي |[ 
ور البووسس رودا يمسيو لاقلا ب ومسي لاسوقل 1 أل دوقع مق م أقرء5 ور ور الإوكار !او ويسيقتيسز ارونو سمو - مفو ومن “مجر 
لاعس : [للوسميوسع اهيا وف . ند عباتم مجح ابر أن مسيم 0 0 
500 


- على اليمين نجد أنه لم يتم لفت انتباه المتلقي لأى عنصر معين و بذلك قد لا 
ينتبه للخصم فلا يكمل قراءة الاعلان 
بخلاف النموذج في الأسفل فبسبب اختلاف حجم وخط المحاداة سيجعل المتلقي 
ينظر أولا إلى نسبة الخصم ثم يكمل باقي الاعلان و هذا هو المطلوب 





:هي طريقة اصطعاق العناصر في النصميم مما يحقق تنظيم و نوازن 


اللستخدم المحاداة 


لكر 
- خلق ارنباط بين عناصر النصميمم) 
اضافة وحدة وتوازن للتصميم 


أنواع المحاذاة: 





يتم تنفيذ المحاذاة عن طريق خط وهمي - غير مرني 
تستند عليه عناصر التصم 
نلاحظ أن العناصر فى الشكل الأيمن كانت منتظمة 
وذات تنسيق موحد ممايضيف توازن للتصميم أما 
في الشكل الأيسر لم يتم تنفيذ مبدأ المحاذاة مما 
يودي إلى خلل في التوازن 


إيتم تنفيذ المحاذاة أيضا عن طريق شبكة غير 
مرثية لضمان استناد العناصر على خطوط الشبكة 
فى الأعمال المعقدة من أجل التنظيم و أيضاأً توحيد 
المسافات بينها 





/ 
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ا[مثال| 


4 





محمد الأحمد 


القدير التنسيد5ت الصدير التنفيذيق 


أضقة الج موسضيظاقو3م فصوع المحم وجبظمكمه 
بابا تبات ةكم ١‏ باس لباكياتيا التو 
اللو يلخي - القنعنة ني | الرياض- السغودية 


- على اليمين لم يتم تنفيذ مبدأ المحاذاة مما يؤدى إلى تقليل قيمة التصميم و 
خلل في التوازن و التنظيم أمافي النموذج الأبسر بتطبيق المحاذاة زادت قيمة 
التصميم لتحقيق التوازن و التنظيم وظهر بشكل احترافي أكثر 


'مثال) 


4 ما 





تزعرابة" امبسسوعم لورعئ السسلعكم لزع منت البممسسلاطمر 


لا مدا 3 





لوربم اينوم 





شيا © 
نهدا 


البرور نكر أ املسم 2 


- نلاحظ أن التصميم الأيمن غير مريح للعين و غير منظم 
بخلاف التصميم الاأيسر فبسبب تساوى المسافات بين العناصر 
بتطبيق مبدأ المحاذاة ظهر التصميم بشكل منظم واحترافي و مريح للعين 


/ 
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55 


هو وضع أو ترتيب العناصر في شكل معين لتحقيق منظر و شعور معين 


:يستخدم النوازرن 
-لإضاقة ديناميكية في النتنصميم 
و تعزيزالاحساس بالاستقرار و التوازن 
- 9 ذلك لان نوازن الكتل يولد السشعور بالراحة 


!أتواع التوازن: 
- متناظر © : © 
غير متناظر ©! © 


! يعتمد الاتزان علي وجود محور مركزى تنزن حوله كل عناصر التصميم 











0 








مبادوءالنتصميه, 





١م‎ 


- نلاحظ أن التصميم في الأعلى غير متوازن لأن تم توزيع العناصر بطريقة غير 
صحيحة حيث أن الجهة اليمنى تحتوى على عنصر ذو وزن ثقيل [القارورة الكبيرة] 
و الكتابة أيضا و الجهة اليسرى تحتوى على عنصر خفيف 


بخلاف التصميم في الأسفل تم توزيع العناصر بطريقة أكثر توازنا حيث تم وضع 
العنصران الأقل وزنا بنفس الجهة و العنصر الأثقل بجهة أخرى 





لوريم ايبسوم دولار 

ر سيت أميت .كونسي 
كتيتور أدايبا يسكينج 
ألبايت.سبت دو أيوس 
مود نيمبورنكايديدي 





لوريم ايبسوم دولار 
رسيت أميت ,كونلنس 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود نيمبورتكايديدى 











مبادى النصمبه المممممثغ 


اللتقتاراد 


هو تجميع العناصر في التصميم حيث أن العناصر المرتبطة تكون قريبة 
من بعضها و العناصر الغيزرمرنبطهة تكون متباعدة عن بعضها 


! العناصر المرتبطة ببعضها في التصميم يجب أن تكون قريبة من بعض 
حتى تظهر للملتلقي كمجموعة واحدة [' 
بخلاف العناصر الغير مرتبطة يجب ان يكون بينها مسافة لان المتلقي 
سوف يفترض أن العناصر الغير قريبة من بعضها لا تربطها علاقات قوية 
وذلك لغرض ايصال رسالة معينة أو خلق منظر معين 


:يستخدم النقارب 


- خلق ازرنباط -علاقات- بين العناصر قي النتنصميم 
- كلق مسافات بين العناصر في النصميم 


© © © © © © الأن جميع العناصر -الدوائر- قريبة من بعضها 
 »>© © © © © ©‏ يظهرنناأآن جميع العناصر عبارة عن مجموعة 
© © © © © © واحدة مترابطة 

© © © © © © 








© © © © © © إبخلاف هنا يوجد مسافة بين المجموعة الأولى و 

© © © © © © الثانية فيظهر لنا أن العناصر المرتبطة ببعضها 

468 © 9329© تكون في مجموعة واحدة و يفصل مسافة بينها و 
بين عناصر المجموعات الأخرى 





مبادى النصمبع الممممثغ 


ا[مثال!| 


2 اد »> 
ع 








9 





9 


- نتلاحظ أن الشكل الأيمن ليس له معنى 
بخلاف الشكل الأيسر فعند تقارب العناصر أصبح لها معنى و توصل رسالة معينة 
وايضا التقارب يؤتر على التوازن و الهرمية 


'مثال) 


4 محمد الأحمد 1 الآ 
المدير التنفيذي المدير التنفيذي 


ملم». ا أهمطو كج امم 


ملمء. اأهطوه امم 
(ع/ 9" /ا/.ه. ١اع/‏ ع9" لام/.ه. 


الرياض-السعودية 
الرياض-السعودية 


- نتلاحظ أن التصميم الأيمن لا يوضخ الترابط بين العناصر المترابطة 
بخلاف التصميم الأيسر فيوضحج الترابط بين الانسم و المنسمى الوظيفي في 
المجموعة الأولى 6 
ثم الترابط بين المعلومات الشخصية في المجموعة الثانية 
9 ج0- مساقة بين المجموعتين 





مبادى النصمبه المممممثغ 


التصما 
!هو إعادة استخدام العناصر المستخدمة في التصميم أو عناصر مشابهة 
قاض قري التضريت 


اللستخدم النكراز 


توليد الشعور بالوحدة أو الترابط 
- خلق النتناسق 


التكرار يزيد من قوة ترسيخ التصميم في ذهن المتلقي و يكؤن طابع و 
شعور عام عن التصميم مما يزيد من نسبة تذكره و أيضا يزيد من 
تناسق التصميم لأنه يخلق نموذج موحد بالتالي يجعل النصميم أنسهل 
للقراءة قعندما يعرف المتلقي مايمكن توقعه يستطيع الاستركاء و 
النركيز على المحتوى 





أقوى استخدام لمبداأً التكرار يكون في الهوية البصرية نلاحظ في الصور 
أعلاه أنه تم تكرار العناصر بشكل كبير [الألوان - الخطوط - الشعار - 
التنسيق العام) مما يكؤن منظر و طابع عام للهوية و يمكن تطبيق 
النكرار على عيرها من العناصر 








مبادوءالنتصميه, 


لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
كتيتور أدايبا يسكينج 
اليايت.سيت دو ايوس لوريم ايبسوم دولار 
مود نيمبورنكايديدى رسيت اميت ,كونسي 
لوريم ايببسوم در لوريم ايبسوم دولار كيلول 0 بلس 
رسيت اميت ,كونئلس 0 اليابت.سيت دو ايوس 
كتيتور أدايبا يسكينج لبيدسيت:وايوسنً ‏ مود تيمبورنكايديدي 
اليايت.سيت دو ايوس ل 


لوريم ايبسوم دولار 


مود تيمبور نكايديدى رسيت أميت .كونسي 


© 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 9 
مود تيمبورنكايديدي 
لوريم ايبسوم دولار 


رسيت أميت ,كونسي 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 


- نلاحظ أن النموذج العلوى غير متناسق و صعب القراءة 
بخلاف النموذج في الأسفل فعند تكرار الخط و الحجم و الأنوان و الصور 
و التنسيق العام أصبح واضح و مريح و يسهل على المتلقي التركيز و القراءة 


5 


لوريم ايبسوم دولار لوريم ايبسوم دولار لوريم ايبسوم دولار 
رسيت اميت ,كونلئس رسيت اميت ,كونلس رسيت اميت ,كونلنس 








كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 


كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبورنكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 


كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبورنكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبورنكايديدي 





ع 


مبادى النصمبع الزممممتثغ 


سحية 


هي تجريد التصميم لعناصره الأساسية دون الاخلال في معنى و رسالة 
النصميمم) 


إيجب تجنب الكتل الزائدة من عناصر التصميم و المعلومات التي لا حاجة 
لهاو عدم تطبيق أكثر من فكرة في نفس التصميم لكي نتجنب 
التنافس بين العناصر و نحقق انسحام بين العناصر 


اتستخدم البساطة 


- ايصال رسالة التصميم بسرعة و بشكل أقوى 
- خلق انطباء دائتم 

- جعل النتصميم سهل الفهم 

-اضافة أناقة و احترافية للتصميم 


ومس أصرون ف 








أبرز استخدام لمبداً النساطة يكون فى الشعارات لأنه يحب أن يكون 


لفغت للنظر و واضح و يخلق انطباع دائم نلاحظ في الصور أعلاه أن العديد 
من الشركات قامت بتبسيط شعاراتها 








مبادى النصمبع الزمممثغ 


:مثال 













4 محمد الاحمد 
المدير التنفيذى 
لسعودىي الجنسية 
مل6». | أهمطوت طهودم © 
ع/917"ا/ام/.ه. © 
الرياض-السعودية © 
مواليد .1/9 © 





- نلاحظ أن النموذج العلوى مزدحم و يحتوى على العديد من العناصر الغير مهمة 
بخلاف النموذج في الأسفل فعند إزالة العناصر التي لا حاجة لها و المعلومات 
يصبح التصميم واضح و مريح وانيق و يسهل ايصال الرسالة 


ما محمد الأحمد 


المدير التنفيذي 


مله». | أو مرو كب حامما 
"97/١‏ /ا/.ه. 
الرياض-السعودية 





مبادى النصمبه المممممثغ 


التتواظر: 


:هو النظر في الهدف الأساسي للتصميم و كيف تم تنفيذ التصميم لتحقيق 
الهدف المطلوب 


يجب معرفة الجمهور و الهدف الأساسي من التصميم و ماهو الشعور 
عند رؤية التصميم و ردة الفعل المطلوبة من الجمهور. و لتطبيق 
التوظطيف يجب ان يحقق النصميم ردة الفعل المطلوبة لتحقيق الهعدقف 
الأساسي 


السأل نفسك دائمَا لماذا؟ 
لماذا الستعمل هذا اللون؟ 
لماذا الستعمل هذا الخط؟ 
لماذا ارتب العناصر بهذه الطريقة؟ 
أو أنه يضلل و يشتت الذهن عن الهدف الأساسي؟ 


إيجب توظيف العناصر بشكل صحيح لتحقيق الهدف الأساسي وترك 
الانطباع المطلوب 
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مبادى النصمبع الزممممثغ 


- في حال افتراضنا أن العميل يريد قائمة طعام لمطعم فاخر 
النموذجان يمثلان تصميم صحيح ولكن التصميم الذى يحقق الهدف المطلوب 
ويعكس اتطباء أنه فاخر هو النصميم الذى بالأسفل 
لأنه وظف عناصر التصميم بشكل صحيح سواء اللون أو الخط و غيره 


تاليقملا٠‎ 


حمصا 


“الوحبات الرئيسية 


اف عدم 


شديشن طاووة1 
لازائيا 








